Skip to content

Conversation

@marcosmoura
Copy link
Contributor

Previous Behavior

Selectable cards were not using controllable state to sync the selected, defaultSelected and onChange handlers

New Behavior

Use controllable state to sync all props

Related Issue(s)

@marcosmoura marcosmoura requested a review from a team as a code owner September 25, 2023 12:49
@marcosmoura marcosmoura self-assigned this Sep 25, 2023
@marcosmoura marcosmoura enabled auto-merge (squash) September 25, 2023 12:55
@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 651 638 5000
Button mount 312 310 5000
Field mount 1121 1131 5000
FluentProvider mount 695 704 5000
FluentProviderWithTheme mount 77 92 10
FluentProviderWithTheme virtual-rerender 64 60 10
FluentProviderWithTheme virtual-rerender-with-unmount 75 74 10
InfoButton mount 16 16 5000
MakeStyles mount 834 869 50000
Persona mount 1722 1721 5000
SpinButton mount 1430 1396 5000

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 9219042:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration
blue-silence-dgz2qm Issue #29202
loving-sound-pjgrpn Issue #29202

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-card
Card - All
91.443 kB
26.437 kB
91.841 kB
26.563 kB
398 B
126 B
react-card
Card
86.232 kB
24.895 kB
86.63 kB
25.007 kB
398 B
112 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-card
CardFooter
12.14 kB
5.061 kB
react-card
CardHeader
14.431 kB
5.832 kB
react-card
CardPreview
13.097 kB
5.434 kB
react-components
react-components: Button, FluentProvider & webLightTheme
69.572 kB
19.658 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
208.688 kB
59.552 kB
react-components
react-components: FluentProvider & webLightTheme
40.966 kB
13.569 kB
react-portal-compat
PortalCompatProvider
6.541 kB
2.227 kB
🤖 This report was generated against cb6dfbf4f9d0f7839fbecd5450221477aadb5987

@size-auditor
Copy link

size-auditor bot commented Sep 25, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: a56c408d4ed860a48e22780289e5c4a00ebec6c4 (build)

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@marcosmoura marcosmoura merged commit c1ae0fb into microsoft:master Sep 25, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 25, 2023
…l-to-composition

* master:
  feat: FlatTree supports navigation without useHeadlessFlatTree (microsoft#29091)
  fix(react-card): sync controllable state for selectable cards (microsoft#29276)
  fix (microsoft#29275)
@marcosmoura marcosmoura deleted the fix/react-card/use-controllable-state-for-selected branch November 15, 2023 15:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Card Component - selected={false] not being honored after user click a card

3 participants